<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>中兴商城</title>
    <link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./../static/swiper/swiper.min.css">
</head>
  <body>
    @@include('./template/index-header.html')
 
    <a href=""></a>
    <!-- 轮播图 -->
      <div class="slideshow">
      <div class="swiper-container swiper-container1">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./../static/img/lunbotu0.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./../static/img/lunbotu1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./../static/img/lunbotu2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./../static/img/lunbotu_3.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./../static/img/lunbotu4.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./../static/img/lunbotu5.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            
            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>

    </div>
    
    <!-- 商品部分 -->
    <div class="middle-main">
      <div class="interior">
       
    <!-- 公告部分 -->
    <div class="module">
      <div class="module-left">
        <div class="module-left-top">
          <div class="news">
            <div class="notice-left">商城公告</div>
            <div class="t_news bengta::after">
              <ul class="news_li">
                <li></li>
                <li>Axon 30屏下摄像手机</li>
                <li>Axon30预订活动公告</li>
                <li>中兴Axon 30 5G</li>
              </ul>
              <ul class="swap"></ul>
            </div>
          </div>
          
          <div class="module-left-bottom">
            <a href="" target="_blank">
              <img
                src="./../static/img/zheng.png"
                alt=""
                class="imglazyload"
                style="display: block"
              />
              官方正品
            </a>
            <a href="" target="_blank">
              <img
                src="./../static/img/yun.png"
                alt=""
                class="imglazyload"
                style="display: block"
              />
              99元起免运费
            </a>
            <a href="" target="_blank">
              <img
                src="./../static/img/7.png"
                alt=""
                class="imglazyload"
                style="display: block"
              />
              7天退货保障
            </a>
            <a href="" target="_blank">
              <img
                src="./../static/img/su.png"
                alt=""
                class="imglazyload"
                style="display: block"
              />
              顺丰极速达
            </a>
          </div>
        </div>
      </div>
      <div class="module-right">
        <a href="#">
          <img src="./../static/img/shangping1.jpg" alt="" />
        </a>
        <a href="#">
          <img src="./../static/img/shangping2.jpg" alt="" />
        </a>
        <a href="#">
          <img src="./../static/img/shangping3.jpg" alt="" />
        </a>
      </div>
    </div>
    <!-- 推荐 -->
    <main>
      <div class="main">
         <div  id="Floor"></div>
      </div>
</main>
    <!-- 猜你喜欢 -->
        <div class="footer mian">
            <div class="module-hd">
                  猜你喜欢
                  <div class="slideshow">
                    <div class="swiper-container swiper-container2">
                          <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <div class="module-bd">
                                  <div
                                    class="switchable-container goods-scrollable"
                                    data-toggle="switchable"
                                    data-switchable-config='{
                                          "effect": "scrollx", 
                                          "viewSize": [1190], 
                                          "lazyload": true, 
                                          "hasFlips": true, 
                                          "circle": true, 
                                          "step": 5
                                          }'
                                  >
                                    <span class="next red pointer">换一批</span>
                                    <div class="scroller">
                                      <div class="switchable-content">
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/354396b9fce9ced11a6052fae8a9142f.png?x-oss-process=image/resize,w_440,h_440"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a
                                              href="https://www.ztemall.com/item.html?item_id=107"
                                              >Nubia neo智能速干牙刷消毒器</a
                                            >
                                          </div>
                                          <div class="goods-price">￥149.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/48b110bef60e05fd45f2a8375c86e1e4.png?x-oss-process=image/resize,w_440,h_440"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a
                                              href="#"
                                              >nubia neo智能声波电动牙刷</a
                                            >
                                          </div>
                                          <div class="goods-price">￥169.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/bebc6046529e2e10439f85a882867dd7.png?x-oss-process=image/resize,w_440,h_440"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a href="#"
                                              >努比亚 VR全景相机 黑色</a
                                            >
                                          </div>
                                          <div class="goods-price">￥169.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/e9472ea7808f82d94763f1896d0e2df4.jpg?x-oss-process=image/resize,w_440,h_440"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a href="https://www.ztemall.com/item.html?item_id=48"
                                              >努比亚 律音耳机</a
                                            >
                                          </div>
                                          <div class="goods-price">￥69.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/7c1713ac9e9a2f02d83427ef6241ae10.jpg?x-oss-process=image/resize,w_440,h_440"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a href="https://www.ztemall.com/item.html?item_id=46"
                                              >Nubia红魔战鼓蓝牙音箱</a
                                            >
                                          </div>
                                          <div class="goods-price">￥88.00</div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                            </div>
                      
                              </div>
                              <div class="swiper-slide">
                                <div class="module-bd">
                                  <div
                                    class="switchable-container goods-scrollable"
                                    data-toggle="switchable"
                                    data-switchable-config='{
                                          "effect": "scrollx", 
                                          "viewSize": [1190], 
                                          "lazyload": true, 
                                          "hasFlips": true, 
                                          "circle": true, 
                                          "step": 5
                                          }'
                                  >
                                    <span class="next red pointer">换一批</span>
                                    <div class="scroller">
                                      <div class="switchable-content">
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/b13dc4a7c25ae0bcbce8a1ffcd663b59.png?x-oss-process=image/resize,w_640,h_640"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a
                                              href=""
                                              >ZTEWATCHLive表带</a
                                            >
                                          </div>
                                          <div class="goods-price">￥19.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/9effcee333a0ac360184643ebc8e2f13.jpg?x-oss-process=image/resize,w_640,h_640"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a
                                              href="#"
                                              >努比亚typeCtotypeC5A数据线</a
                                            >
                                          </div>
                                          <div class="goods-price">￥59.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/f5c19e3a314e84805dfc093922969f47.png?x-oss-process=image/resize,w_640,h_640"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a href="#"
                                              >努比亚nubia22.5W方糖快速充电器</a
                                            >
                                          </div>
                                          <div class="goods-price">￥59.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/50e853fce7e62a62535f4e3f41395d8a.png?x-oss-process=image/resize,w_640,h_640"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a href="#"
                                              >努比亚nubia氘锋65W三口氮化镓(小黄人版)黄色</a
                                            >
                                          </div>
                                          <div class="goods-price">￥199.00</div>
                                        </div>
                                        <div class="goods-content">
                                          <div class="goods-pic">
                                            <a
                                              href="#"
                                            >
                                              <img
                                                src="https://image.ztemall.com/fc7cccfa7d458bd06171e204a3b7a8f2.png?x-oss-process=image/resize,w_640,h_640"
                                                alt=""
                                              />
                                            </a>
                                          </div>
                                          <div class="goods-name">
                                            <a href="#"
                                              >红魔双核散热背夹</a
                                            >
                                          </div>
                                          <div class="goods-price">￥179.00</div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                            </div>
                      
                              </div>
                              </div>
                          
                          <!-- 如果需要导航按钮 -->
                          
                        </div>
                        
                      </div>
                    </div>
                    
                  </div>
                  @@include('./template/index-footer.html')
 <!-- 楼梯层 -->
        
 <div id="menu">
  <ul>
  <li class="">
      <a href="#" class="border-5" code="1"> <span class="floor_s">1F</span>
          <span class="floor_h">中兴推荐</span>
      </a>
    </li>
  <li class="">
      <a href="#" class="border-5" code="2"> <span class="floor_s">2F</span>
           <span class="floor_h">智能终端</span>
      </a>
  </li>
  <li class="">
      <a href="#" class="border-5" code="3"> <span class="floor_s">3F</span> 
          <span class="floor_h">努比亚生态</span>
      </a>
  </li>
</ul>
</div>
<script src="./../static/javascripts/axios.js"> </script>
<script src="./../static/javascripts/jQuery.js"></script>
<script src="./../static/javascripts/utils.js"></script>
<script src="./javascripts/1213.js"></script>
<script src="./../static/data/GeliFloorA.json"></script>
<script src="./../static/swiper/swiper.min.js"></script>
<script src="./javascripts/index.js"></script>
<script src="./javascripts/suju.js"></script>
  </body>
</html>
